import Mock from "mockjs2";
import { builder, getQueryParameters } from "../util";

const titles = [
  "Alipay",
  "Angular",
  "Ant Design",
  "Ant Design Pro",
  "Bootstrap",
  "React",
  "Vue",
  "Webpack"
];

const avatar = [
  "https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png",
  "https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png",
  "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
  "https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png",
  "https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png"
];

const covers = [
  "https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png",
  "https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png",
  "https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png",
  "https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png"
];

const owner = ["付小小", "吴加好", "周星星", "林东东", "曲丽丽"];

const content =
  "段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。";
const description =
  "在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。";
const href = "https://ant.design";

const article = options => {
  const queryParameters = getQueryParameters(options);
  console.log("queryParameters", queryParameters);
  if (queryParameters && !queryParameters.count) {
    queryParameters.count = 5;
  }
  const data = [];
  for (let i = 0; i < queryParameters.count; i++) {
    const tmpKey = i + 1;
    const num = parseInt(Math.random() * (4 + 1), 10);
    data.push({
      id: tmpKey,
      avatar: avatar[num],
      owner: owner[num],
      content: content,
      star: Mock.mock("@integer(1, 999)"),
      percent: Mock.mock("@integer(1, 999)"),
      like: Mock.mock("@integer(1, 999)"),
      message: Mock.mock("@integer(1, 999)"),
      description: description,
      href: href,
      title: titles[i % 8],
      updatedAt: Mock.mock("@datetime"),
      members: [
        {
          avatar:
            "https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png",
          name: "曲丽丽",
          id: "member1"
        },
        {
          avatar:
            "https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png",
          name: "王昭君",
          id: "member2"
        },
        {
          avatar:
            "https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png",
          name: "董娜娜",
          id: "member3"
        }
      ],
      activeUser: Math.ceil(Math.random() * 100000) + 100000,
      newUser: Math.ceil(Math.random() * 1000) + 1000,
      cover: parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)]
    });
  }
  return builder(data);
};

Mock.mock(/\/list\/article/, "get", article);
